{% extends '::frontend.html.twig' %}

{% block title %}Buscador{% endblock %}
{% block libreriasJS %}
    <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
    <script>

        $(document).ready(function() {
            $("#btnBuscar").click(function() {
                $('#resultado').load("{{ path('tabla_partituras') }}", {"busqueda": $('#lbBuscar').val(),"metodo": "partitura"})
            });

        });

    </script>
{% endblock %}

{% block main %}

    <div class="btn-group" data-toggle="buttons">

        <label class="btn btn-primary ">
            <input type="radio" name="options" id="option2"> Personas
        </label>
        <label class="btn btn-primary active">
            <input type="radio" name="options" id="option1" checked> Partituras
        </label>
    </div>
    <!--
    <div class="btn-group" data-toggle="buttons">
        <label class="btn btn-primary active">
            <input type="radio" name="options" id="option1" checked> Titulo de la Obra
        </label>
        <label class="btn btn-primary">
            <input type="radio" name="options" id="option2"> Artista
        </label>
        <label class="btn btn-primary">
            <input type="radio" name="options" id="option3"> Instrumento
        </label>
        <label class="btn btn-primary">
            <input type="radio" name="options" id="option3"> Propietario
        </label>
    </div>
-->
    <div class="btn-group">
        <div class="navbar-form navbar-right" role="search" >
            <div class="form-group">
                <input type="text" id="lbBuscar" class="form-control" placeholder="Buscar">
            </div>
        </div>
    </div>
    <button  class="btn btn-default" id="btnBuscar" >Buscar</button>



    <div id="resultado"></div>

{% endblock %}